Ext.onReady(function() {
	Ext.define('User', {
		extend : 'Ext.data.Model',
		fields : [ {
			name : 'firstName',
			type : 'string'
		}, {
			name : 'lastName',
			type : 'string'
		}, {
			name : 'age',
			type : 'int'
		}, {
			name : 'eyeColor',
			type : 'string'
		} ]
	});
	var Mystore = Ext.create('Ext.data.Store', {
		model : 'User',
		data : [ {
			firstName : 'Ed',
			lastName : 'Spencer'
		}, {
			firstName : 'Tommy',
			lastName : 'Maintz'
		}, {
			firstName : 'Aaron',
			lastName : 'Conran'
		}, {
			firstName : 'Jamie',
			lastName : 'Avins'
		} ]
	});
	Ext.define('KitchenSink.view.grid.ArrayGrid', {
		extend : 'Ext.grid.Panel',
		requires : [ 'Ext.grid.column.Action' ],
		xtype : 'array-grid',
		stateful : true,
		multiSelect : true,
		title : 'Array Grid',
		viewConfig : {
			stripeRows : true,
			enableTextSelection : true
		},
		dockedItems : [ {
			xtype : 'toolbar',
			items : [ {
				text : '增加',
				tooltip : '增加',
				iconCls : 'application_add'
			}, '-', {
				text : '删除',
				tooltip : '删除',
				iconCls : 'application_delete'
			}, '-', {
				text : '更改',
				tooltip : '更改',
				iconCls : 'application_edit'
			}, '-', {
				text : '查询',
				tooltip : '查询',
				iconCls : 'application_form_magnify'
			}, '-', {
				text : '导入',
				tooltip : '导入',
				iconCls : 'application_get'
			}, '-', {
				text : '导出',
				tooltip : '导出',
				iconCls : 'application_put'
			} ]
		} ],
	});
	var arrayGrid = Ext.create('KitchenSink.view.grid.ArrayGrid', {
		store : Mystore,
        height: '100%',
		columns : [ {
			text : 'Company1',
			flex : 1,
			sortable : false,
			dataIndex : 'firstName'
		} ],
		bbar : Ext.create('Ext.PagingToolbar', {
			store : Mystore,
			displayInfo : true
		}),
		
		renderTo : 'test3'
	});
});